
/**
 * name:        帮助中心详情
 * author:      wuwq & lyj
 * Time:        18/01/31
 * Copyright:   bgemall.com
 */
$(function(){
    // 帮助中心详情
    var id = GetQueryString("Id");
    var help_url = new_url+'shop/article/getHelpCenterDetail';
    var data = {articleClassId:id};
    getHelpCenterList(help_url,data);       // 帮助中心详情
    $('.help_center_list li').first().addClass('active');   // 文章列表第一篇文章标题高亮并获取文章内容  添加类名 .active
});

// 采用正则表达式获取地址栏参数
// 但是在使用的过程中，发现其在获取中文参数的时候，获取到的值是乱码的
// 解决办法:将解码方式unscape换为decodeURI
// 原因:浏览器会将url中的中文参数进行encodeURI编码，所以要通过js使用decodeURI进行解码

function GetQueryString(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  decodeURI(r[2]); return null;
}

// 帮助中心详情
function getHelpCenterList(help_url,data){
    $.ajax({
        type:'post',
        url:help_url,
        dataType:'json',
        data:data,
        success:function(e){ 
            if(e.code == '0'){ 
                $('#helpTitle').text(e.data.articleClassName);
                // 左侧菜单添加类名 .active
                $('body').append('<input type="hidden" class="type" value="'+e.data.articleClassId+'">');
                var num = $('.type').val(); 
                $('.submenu_list').each(function(){ 
                    if($(this).attr('data-id') == num){  
                        $(this).addClass('active_01');  
                    }  
                }); 
                // 判断有无文章 
                if(e.data.articleList.length != 0 ){ 
                    // 该类别下所有的文章的列表 
                    var articleListTpl = $("#articleListTpl").html(); 
                    for(var i=0;i<e.data.articleList.length;i++){ 
                        var articleListCont=template( 
                            articleListTpl, { 
                                articleList: [{ 
                                    articleClassId:e.data.articleClassId,       // 文章分类id
                                    articleId:e.data.articleList[i].articleId,      // 文章id
                                    title:e.data.articleList[i].title 
                                }] 
                            } 
                        ); 
                        $('.help_center_list').append(articleListCont); 
                    } 
                    // 文章列表第一篇文章标题高亮并获取文章内容  添加类名 .active 
                    $('.help_center_list li').first().addClass('active');       // 添加   active 
                    var articleClassId = $('.help_center_list .active').attr('data-class-id');      // 获取active类名下的文章分类id   articleClassId 
                    var articleId = $('.help_center_list .active').attr('data-article-id');        // 获取active类名下的文章id   articleId  
                    var data = {articleClassId:articleClassId}; 
                    getHelpCenterDetail(help_url,data);     // 帮助中心 & 具体文章详情 
                    // 单击文章标题，显示文章内容 
                    $('.help_center_list li').click(function(){ 
                        $(this).addClass('active').siblings().removeClass('active'); 
                        articleClassId = $('.active').attr('data-class-id');      // 获取active类名下的文章分类id  articleClassId 
                        articleId = $('.active').attr('data-article-id');        // 获取active类名下的文章id   articleId  
                        data = {articleClassId:articleClassId,articleId:articleId};  
                        getHelpCenterDetail(help_url,data);     // 帮助中心 & 具体文章详情 
                    });
                }else{ 
                    $('.help_detail').css('border','#fff solid 1px'); 
                    $('.help_detail').append('<div style="width:100%;height:160px;line-height:160px;text-align:center;font-size:16px;">暂无文章</div>'); 
                }
                
            }
        }
    });
}
// 帮助中心 & 具体文章详情
function getHelpCenterDetail(help_url,data){
    $.ajax({
        type:'post',
        url:help_url,
        dataType:'json',
        data:data,
        success:function(e){   
            if(e.code == '0'){
                $('.help_detail').empty();
                $('.help_detail').css('border','#ccc solid 1px');
                $('#helpTitle').text(e.data.articleClassName);

                var articleDetailTpl = $("#articleDetailTpl").html();
                var articleDetailCont=template(
                    articleDetailTpl, {
                        articleDetailList: [{
                            articleId:e.data.articleDetail.articleId,
                            title:e.data.articleDetail.title,
                            // content:e.data.articleDetail.content
                        }]
                    }
                );
                $('.help_detail').append(articleDetailCont);  
            } 
            $('.detail_txt').html('').append(e.data.articleDetail.content) 
        }
    });
}